.virtual-list {
  position: relative;
  width: 100%;
  
  .virtual-scroll-view {
    width: 100%;
    
    .virtual-placeholder {
      position: relative;
      width: 100%;
      
      .visible-items-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        will-change: transform;
        
        .virtual-item {
          width: 100%;
          box-sizing: border-box;
        }
      }
    }
  }
}

// 性能优化样式
.virtual-list {
  // 启用硬件加速
  transform: translateZ(0);
  
  .virtual-scroll-view {
    // 优化滚动性能
    -webkit-overflow-scrolling: touch;
    
    .virtual-placeholder {
      .visible-items-container {
        // 启用硬件加速
        transform: translateZ(0);
        backface-visibility: hidden;
      }
    }
  }
}

// 响应式设计
@media (max-width: 750rpx) {
  .virtual-list {
    .virtual-scroll-view {
      .virtual-placeholder {
        .visible-items-container {
          .virtual-item {
            padding: 0 20rpx;
          }
        }
      }
    }
  }
}
